@Mastercolor: #2eb9ff;
@MasterOrange: #FF8800;
@MasterOranges: #ff8400;
@Mastergreen: #42CB5D;
@MasterLightgreen: rgba(66, 203, 93, 0.18);
@Masterred: #EB5B5B;
@Masterreds: #ff461c;
@Masternewred: #fd2840;
@CommRR:#ff5a5f;
@MasterLightred: rgba(235, 91, 91, 0.18);
@Masteryell: #ffd000;
@Masterzong: #66440a;
@Master3: #333;
@Master9: #999;
@Master6: #666;
@MasterE6: #e6e6e6;
@MasterC6: #c6c6cd;
@MasterEA: #eaeaea;
@MasterC: #ccc;
@MasterFA: #fafafa;
@Master2A: #2a2a33;
@Master5A: #5a5a66;
@Master5C: #5c6469;
@Master96: #969b9e;
@MasterF2: #f2f2f2;
@MasterC6: #c6c6cd;
@MasterC4: #c4c9cc;
@MasterF7: #f7f7fa;
@Master32: #322e42;
@Master27: #353f45;
@Master41: #5c6468;
@Master62: #90999e;
@Master80: #c2c9cc;
@Master92: #dfe4e6;
@Master95: #eef1f3;
@Master98: #f8fafa;
@Playbg: #25252b;
@PlaybgRgba: #25252b;
@PlayGrayRgba: rgba(255, 255, 255, .5);
@PlayGrayRgba8: rgba(255, 255, 255, .8);
@PlayCoffee: #66440a;
@PlayCoffeetra: rgba(102, 68, 10, 1);
@PlayCoffeebg: #f7f1df;
@fontSize13: 1.3rem;
@fontSize15: 1.5rem;
@fontSize18: 1.8rem;
@fontSize12: 1.2rem;
@fontSize24: 2.4rem;
@fontSize1: 1rem;
.Masterfun () {
  width: 100%;
  min-height: 100%;
  font-size: 2rem;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  animation: myfirst 1s;
  -webkit-animation: myfirst 1s;
  background-color: #fff;
}

.show() {
  border-radius: .4rem;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
}

.Masteshow() {
  background-color: #ffffff;
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.06);
}
// --------------------------------------------------
.display-flex() {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-direction(@value: row) {
  -webkit-flex-direction: @value;
  -moz-flex-direction: @value;
  -ms-flex-direction: @value;
  flex-direction: @value;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
}
.flex-direction(@value: row) when (@value = row-reverse) {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
}
.flex-direction(@value: row) when (@value = column) {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
}
.flex-direction(@value: row) when (@value = column-reverse) {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
}
.flex-wrap(@value:nowrap){
  -webkit-flex-wrap: @value;
  -moz-flex-wrap: @value;
  -ms-flex-wrap: @value;
  flex-wrap: @value;
}
.flex-wrap(@value:nowrap) when (@value = nowrap) {
  -ms-flex-wrap: nowrap;
}
.flex(@fg:1,@fs:null,@fb:null){
  -webkit-box-flex: @fg;
  -webkit-flex: @fg @fs @fb;
  -moz-box-flex: @fg;
  -moz-flex: @fg @fs @fb;
  -ms-flex: @fg @fs @fb;
  flex: @fg @fs @fb;
}
.flex-flow(@values: row nowrap) {
  // No Webkit Box fallback.
  -webkit-flex-flow: @values;
  -moz-flex-flow: @values;
  -ms-flex-flow: @values;
  flex-flow: @values;
}
.align-items(@value: stretch) {
  -webkit-box-align: @value;
  -ms-flex-align: @value;
  -webkit-align-items: @value;
  -moz-align-items: @value;
  align-items: @value;
}
.align-items(@value: stretch) when (@value = flex-start){
  -webkit-box-align: start;
  -ms-flex-align: start;
}
.align-items(@value: stretch) when (@value = flex-end){
  -webkit-box-align: end;
  -ms-flex-align: end;
}
.align-self(@value: auto) {
  -webkit-align-self: @value;
  -moz-align-self: @value;
  -ms-flex-item-align: @value;
  align-self: @value;
}
.align-self(@value: auto) when (@value = flex-start){
  -ms-flex-item-align: start;
}
.align-self(@value: auto) when (@value = flex-end){
  -ms-flex-item-align: end;
}
.align-content(@value: stretch) {
  -webkit-align-content: @value;
  -moz-align-content: @value;
  -ms-flex-line-pack: @value;
  align-content: @value;
}
.align-content(@value: stretch) when (@value = flex-start){
  -ms-flex-line-pack: start;
}
.align-content(@value: stretch) when (@value = flex-end){
  -ms-flex-line-pack: end;
}
.justify-content(@value: stretch) {
  -webkit-box-pack: @value;
  -ms-flex-pack: @value;
  -webkit-justify-content: @value;
  -moz-justify-content: @value;
  justify-content: @value;
}
.justify-content(@value: stretch) when (@value = flex-start){
  -webkit-box-pack: start;
  -ms-flex-pack: start;
}
.justify-content(@value: stretch) when (@value = flex-end){
  -webkit-box-pack: end;
  -ms-flex-pack: end;
}
.justify-content(@value: stretch) when (@value = space-between){
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}
.flex-order(@n) {
  -webkit-order: @n;
  -ms-flex-order: @n;
  order: @n;
  -webkit-box-ordinal-group: @n;
}
